{extend name="common/lottery_index" /}
{block name="body"}
<style type="text/css">
    .normal{
        display: inline-block;
        width: 25px;
        height: 25px;
        background-color: #d91d36;
        border-radius: 50%;
        color: white;
        text-align: center;
        line-height: 25px;
    }
  .kjn_span span{
		display: inline-block;
		width: 22px;
		height: 22px;
		background-color: #d91d36;
		border-radius: 50%;
		color: white;
		text-align: center;
		line-height: 22px;
	}
	/*.select{
		color: white;
		width: 25px;
		height: 25px;
		line-height: 25px;
		background-color: #d91d36;
		border-radius: 50%;
		display: inline-block;
		text-align: center;
	}
	.unselect{
		color:red;
		background:white;
		border:1px red solid;
		width:22px;
		height:22px;
		line-height:22px;
		text-align: center;
		display: inline-block;
		border-radius: 50%;
	}*/
		 .kjn_span .num01 {
	background:  rgb(229, 229, 0);
}
	 .kjn_span .num02 {
background-color: rgb(42, 100, 174);
}

 .kjn_span .num03 {
	background-color: rgb(148, 150, 149);
}

 .kjn_span  .num04 {
	background: rgb(242, 149, 53);
}

  .kjn_span .num05 {
	background:rgb(125, 203, 223);
}

 .kjn_span .num06 {
	background:  rgb(44, 72, 156);;
}

 .kjn_span .num07 {
	background: rgb(203, 203, 203);
}

 .kjn_span .num08 {
	background: rgb(232, 51, 56);
}

 .kjn_span .num09 {
	background-color: rgb(66, 30, 32);
}

  .kjn_span .num10 {
	background: rgb(79, 178, 51);
}
 .kjn_span .num_tu1{background:url(__TEMPLATE__/mobile/index/img/1.png) no-repeat;background-size:23px;color:transparent;}
 .kjn_span .num_tu2{background:url(__TEMPLATE__/mobile/index/img/2.png) no-repeat;background-size:23px;color:transparent;}
 .kjn_span .num_tu3{background:url(__TEMPLATE__/mobile/index/img/3.png) no-repeat;background-size:23px;color:transparent;}
 .kjn_span .num_tu4{background:url(__TEMPLATE__/mobile/index/img/4.png) no-repeat;background-size:23px;color:transparent;}
 .kjn_span .num_tu5{background:url(__TEMPLATE__/mobile/index/img/5.png) no-repeat ;background-size:23px;color:transparent;}
 .kjn_span .num_tu6{background:url(__TEMPLATE__/mobile/index/img/6.png) no-repeat;background-size:23px;color:transparent;}
 .kjn_span i{background:transparent;float:left;color:#666;width:20px;margin-top:6px;height:20px;border-radius: 4px;border:1px dashed #f00;font-size:13px;}
</style>
<div class="lott-menu"></div>
<div style="width: 98%; margin: auto; margin-top: 82px;" id="divlist">
    {volist name="list" id="kjls"}
    <div style='width: 98%; height: 70px; line-height: 35px; border-bottom: 1px solid #ddd' id="qh{$kjls.qihao}">
        <div style='float: left; width: 98%; height: 35px; '>
            <div style="color: #999;font-size: 0.875rem;">
                <span>第{$kjls.qihao}期</span>
                <span style="float: right;display: inline-block;height:20px;">
                    {if($kjls.jztime)}
                    {$kjls.jztime|date='Y-m-d H:i',###}
                    {/if}
                </span>
            </div>
            <div class="kjn_span" style='margin-top: -5px; '>
                {if( $kjls.czid==36 || $kjls.czid ==44 || $kjls.czid== 72)}
				{volist name="kjls.kjjg" id="it"}
					<span style="display:inline-block;border-radius: 0%;"  class="num_tu{$it}" >{$it}</span>
					
				{/volist}
				<!-- <span style="display:inline-block;width:66px;background:transparent;border-radius: 0;">
			    	<i>19</i>
				    <i>单</i>
				    <i>大</i>
			    </span> -->
				{elseif($kjls.czid== 4 || $kjls.czid== 61 || $kjls.czid ==63) /}
				{volist name="kjls.kjjg" id="it"}
					<span style="display:inline-block;border-radius: 0%;" class="num{$it}" >{$it}</span>
				{/volist}
			    <!-- <span style="display:inline-block;width:66px;background:transparent;border-radius: 0;">
			    	<i>19</i>
				    <i>单</i>
				    <i>大</i>
			    </span> -->
				{else/}
				   {volist name="kjls.kjjg" id="it"}
					{if condition="$kjls.czid eq 9"}
						{if ($it=='01'||$it=="02"||$it=="07"||$it=="08"||$it=="12"||$it=="13"||$it=="18"||$it=="19"||$it=="23"||$it=="24"||$it=="29"||$it=="30"||$it=="34"||$it=="35"||$it=="40"||$it=="45"||$it=="46")}
						<span class="normal"  style="background:red;">{$it}</span>
						{elseif($it=="05"||$it=="06"||$it=="11"||$it=="16"||$it=="17"||$it=="21"||$it=="22"||$it=="27"||$it=="28"||$it=="32"||$it=="33"||$it=="38"||$it=="39"||$it=="43"||$it=="44"||$it=="49") /}
						<span class="normal" style="background:green;">{$it}</span>
						{elseif($it=="03"||$it=="04"||$it=="09"||$it=="10"||$it=="14"||$it=="15"||$it=="20"||$it=="25"||$it=="26"||$it=="31"||$it=="36"||$it=="37"||$it=="41"||$it=="42"||$it=="47"||$it=="48") /}
						<span class="normal" style="background:blue;">{$it}</span>
						{/if}
						{if(count($kjls.kjjg)==($key+2))}
						+
						{/if}
					{else/}
					   <span style="display:inline-block;"  >{$it}</span>
					{/if}
				  {/volist}
				{/if}
            </div>
        </div>
    </div>
    {/volist}
</div>
<!--<a href="javascript:;" onclick="Jump()">-->
    <!--<div class="menu" style="border-top: 2px solid #d8d8d8;box-shadow: 0 0 10px #d8d8d8;background-color: #d91d36;height: 50px;color: white;text-align: center;line-height: 50px;font-size: 1.25rem;">-->
        <!--去购彩-->
    <!--</div>-->
<!--</a>-->
{/block}
